html{
	background-color:#888;
}
body{
	padding:0px 44px;
	margin:0px auto;
	
	width:892px;
	height:1386px;
	min-width:892px;
	background-color:#fff;
}
.clearfix:after{
	display:block;
	
	content:"";
	height:0;
	
	clear:both;
}
/*头部样式*/
body>header{
	position:relative;
	border-bottom:2px solid #938e8c;
	height:61px;
	font-style:"黑体";
	font-size:12px;
}
body>header>span{
	position:absolute;
	right:0px;
	bottom:0px;	
	color:#d45d5c;
}
.logo{
	position:relative;
	display:inline-block;	
	width:110px;
	height:61px;
	background-color:rgb(212,92,91);
	color:#fff;
}
.logo span{
	position:absolute;
	left:0px;
	bottom:0px;
}

.container1{
	font-family:"Microsoft YaHei";
}
/*电脑图片样式*/
#pc-img{
	float:left;
	margin:20px 0px;
	width:641px;
	height:301px;
	background-image:url(img/左上大图.jpg);
}
.over-img{
	width:191px;
	height:301px;
	opacity:0.5;
}
.over-left{
	float:left;
	background-color:rgb(66,140,89);
}
.over-right{
	float:right;
	background-color:rgb(204,118,128);
}
/*about字体样式*/
.about{
	float:left;
	margin:20px 0px 20px 40px;
	height:301px;
	width:203px;
	border-top:2px solid #cc8091;
}
.about p{
	margin-bottom:5px;
	font-size:24px;
	color:#000;
	text-decoration:underline;
	font-variant: small-caps;
	text-transform:capitalize;
	line-height:10px;
}
/*about techology小字*/
.copy{
	color:#676767;
	font-style:italic;
	line-height:10px;
	font-family:"楷体";
}
.nums{
	position:relative;
}
/*数字样式*/
#bignumber{
	font-size:106px;
	font-style:italic;
	color:#75b86b;
}
#smallnum{
	font-size:55px;
	color:#cc8091;
}
#smaller{
	display:inline-block;
	position:absolute;
	top:25px;
	left:80px;
	font-size:21px;
	color:#cc8091;
}
#smallest{
	display:inline-block;
	position:absolute;
	top:45px;
	left:80px;
	font-size:12px;
	color:#888;	
}
/*what、when、how容器*/
.container2{
	font-size:12px;
}
.what,.how,.when{
	height:300px;
	overflow:hidden;
}
.when,.how{
	margin-left:20px;
	opacity:0.7;
}
.what{
	float:left;
	margin-right:20px;
	width:200px;
}
.how{
	float:right;
	width:400px;
	line-height:30px;
}
.when{
	float:left;
	width:200px;
}
.container2 header{
	text-decoration:underline;
	text-transform:capitalize;
	font-family:"微软雅黑";
	font-weight:bold;
	font-size:16px;
}
.what header{
	color:#418c59;
}
.how header{
	color:#d2994f;
}
.when header{
	color:#cc7680;
}
.catalog{
	line-height:1.5em;
}
.catalog>span>span{
	color:#cd4a48;
	font-style:oblique;
}
/**/
.container3{
	font-family:"微软雅黑";
}
.left,.right{
	height:600px;
	margin:20px 0px;
}
.left{
	float:left;
	width:418px;
}
.right{
	float:right;
	width:458px;
}
.left>header{
	border-bottom:2px solid #11456b;
	font-variant:small-caps;
	font-family:"黑体";
	color:#11456b;
	line-height:25px;
}
.left hgroup>h1{
	font-size:42px;
	margin-bottom:10px;
	margin-top:10px;
}
.left hgroup>h2{
	font-size:33px;
}
.first-en-word{
	font-size:72px;
	font-weight:bold;
	font-style:oblique;
	color:#f5e327;
}
.first-ch-word{
	display:inline-block;
	float:left;
	font-size:70px;
	color:#f5e327;
}
.left article{
	padding:20px 0px;
	font-size:12px;
}
.left article>p{
	text-indent:2em;
	margin:0px;
}
.pc-img2{
	margin:10px;
	float:right;
}
.right-img{
	background-image:url(img/右下.jpg);
	width:458px;
	height:257px;
	position:relative;
}
.right-img footer{
	background-color:rgba(0,0,0,0.3);
	position:absolute;
	bottom:0px;
	width:418px;
	height:50px;
	border:none;
	padding-left:40px;
}
.img-header{
	display:inline-block;
	font-size:26px;
	color:#fff;
	border-left:3px solid #72b16a;
	height:44px;
	display:inline-block;
	padding-left:30px;
	position:relative;
	top:3px;
}
.img-hd{
	font-style:oblique;
	color:#72b16a;
}
.right-note{
	position:relative;
	margin:20px 0px;
	width:458px;
	height:318px;
	background-color:rgb(238,237,214);
}
.zero-container{
	width:260px;
	height:160px;
	background-color:rgb(212,93,92);
	position:absolute;
	bottom:0px;
	left:0px;
	vertical-align:middle;
	color:#fff;
}
.zero{
	font-size:110px;
	margin:8px 18px;
}
.zero-right{
	position:absolute;
	top:37px;
	left:100px;
	padding-left:10px;
	height:86px;
	border-left:2px solid #fff;
}
.list{
	padding:10px 10px 10px 0px;
	height:138px;
	width:448px;
}
.zero-right h4{
	font-size:21px;
	font-family:"黑体";
	font-style:oblique;
	font-variant:small-caps;
	margin:0px;
}
.right-note ol{
	font-family:"黑体";
	color:#5a5b5b;
	list-style-image:url(img/list_style_tri.jpg);
	line-height:35px;
	text-align:right;
	font-size:21px;
}
li span{
	font-size:12px;
	font-style:oblique;
}
.hello{
	position:absolute;
	padding:10px;
	right:0px;
	bottom:0px;
	width:178px;
	height:140px;
}
.hello span{
	font-size:50px;
}

/*网页底部样式*/
footer{
	position:relative;
	border-top:1px solid #938e8c;
	width:892px;
	height:20px;
}
footer>section{
	position:absolute;
	top:0px;
	right:0px;
	color:#d45d5c;
}